<template>
    <!-- 首页顶部设备状态环形表 -->
    <div class="topArea">
    <RingchartsCard :headerText="'设备当前状态统计'" :ringCharts="eqCurrentStatus">
    </RingchartsCard>
    <RingchartsCard :headerText="'全部传感器状态统计'" :ringCharts="sensorCurrentStatus">
    </RingchartsCard>
   </div>
</template>
 <script lang="ts">
import {defineComponent} from 'vue';
export default defineComponent({
  name: 'TopView'
})
 </script> 
<script setup lang="ts">
import {ref}from 'vue'
import RingchartsCard from '@/components/RingchartsCard/index.vue'
//设备当前状态
const eqCurrentStatus=ref({
  normal:1,
  CRankWarning:0,
  DRankWarning:0,
  offLine:3
})
//全部传感器状态
const sensorCurrentStatus=ref({
  normal:2,
  CRankWarning:0,
  DRankWarning:0,
  offLine:12
})
</script>
<style>
    .topArea{
        width: 100%;
        height: 400px;
      display: flex;
      justify-content: space-between;
    }
</style>